.x-sidebar {
	width: $sidebar-width;
	&-item {
		display: block;
		box-sizing: border-box;
		padding: $sidebar-padding;
		overflow: hidden;
		color: $sidebar-text-color;
		font-size: $sidebar-font-size;
		line-height: $sidebar-line-height;
		word-wrap: break-word;
		background-color: $sidebar-background-color;
		border-left: 3px solid transparent;
		cursor: pointer;
		user-select: none;

		&__text {
			position: relative;
			display: inline-block;
		}

		&:active {
			background-color: $sidebar-active-color;
		}

		&:not(:last-child)::after {
			border-bottom-width: 1px;
		}

		&--select {
			color: $sidebar-selected-text-color;
			font-weight: $sidebar-selected-font-weight;
			border-color: $sidebar-selected-border-color;

			&::after {
				border-right-width: 1px;
			}

			&,
			&:active {
				background-color: $sidebar-selected-background-color;
			}
		}

		&--disabled {
			color: $sidebar-disabled-text-color;
			cursor: not-allowed;

			&:active {
				background-color: $sidebar-background-color;
			}
		}
	}
}
